<template>
  <div>
      <div class="container">
          <Title/>
          <Search/>
          <TypeNav/>
          <Recommend/>
          <MarketList/>
      </div>
  </div>
</template>

<script>
import { onMounted } from 'vue';
import MarketList from './components/MarketList.vue';
import Recommend from './components/Recommend.vue';
import Search from './components/Search.vue';
import Title from './components/Title.vue'
import TypeNav from './components/TypeNav.vue';
import { jsonp } from 'vue-jsonp';

export default {
  name:'Home',
  components:{Title,Search,TypeNav,Recommend,MarketList},
  setup(){
    // jsonp解决跨域访问腾讯地图api，抠门的腾讯只让访问三次
    // jsonp('https://apis.map.qq.com/ws/location/v1/ip',{
    //   output:'jsonp',
    //   key:'ILWBZ-WYFCG-24MQH-QJXF7-LX4Q5-IWFXR'
    // }).then((res)=>{
    //   console.log(res,123);
    //   })
    //   .catch(error => {
    //     console.log(error,456);
    //   })
  }
}
</script>

<style scoped>
  .container {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #F56C6C;
    border-radius: 8px;
    min-width: 600px;
  }
</style>